<template>
  <section class="todoapp">
    <todo-header></todo-header>
    <todo-main></todo-main>
    <todo-footer></todo-footer>
  </section>
</template>

<script>
import TodoHeader from '@/components/TodoHeader'
import TodoMain from '@/components/TodoMain'
import TodoFooter from '@/components/TodoFooter'
export default {
  name: 'Todo',
  components: {
    TodoHeader,
    TodoMain,
    TodoFooter
  },
  data () {
    return {}
  },
  methods: {}
}
</script>

<style scoped lang="less">
</style>
